<template>
  <q-layout view="lHh Lpr lFf">
    <!-- 头部工具栏 -->
    <app-header />

    <!-- 左侧菜单栏 -->
    <app-sidebar />

    <!-- 页面主体 -->
    <app-main />

    <!-- 页脚 -->
    <app-footer />

    <!-- 右侧配置面板 -->
    <app-setting />
  </q-layout>
</template>

<script setup lang="ts">
  import AppHeader from './components/AppHeader/index.vue';
  import AppSidebar from './components/AppSidebar/index.vue';
  import AppMain from './components/AppMain.vue';
  import AppFooter from './components/AppFooter.vue';
  import AppSetting from './components/AppSetting.vue';

  defineOptions({ name: 'MainLayout' });
</script>
